<html>
    <head>
        <script src="dist/vendor.js"></script>
        <script src="dist/three-map-controls.js"></script>
        <script src="dist/demo.js"></script>
      
        <style>
            body{
                margin: 0px;
            }

            div#controls {
                font-family: Arial;
                position: fixed;
                color: white;
                cursor: pointer;
            }
        </style>
      </head>

    <body>
        <div id="controls">
            <a id="sphere-link" onclick="window.demo.setMode('sphere')">Toggle Sphere Mode</a>
            <a id="plane-link" onclick="window.demo.setMode('plane')">Toggle Plane Mode</a>
            <br />
            <label>
                Render Camera-View Bounding Box:
                <input type="checkbox" id="toggleCamDebug" />
            </label>
        </div>
    </body>
</html>